<template>
    <div class="home">
        <div class="content">
            <!-- 左侧 -->
            <div class="lfv">
                <left-content :content="content"></left-content>
            </div>
            <!-- 右侧 -->
            <div class="rgv">
                <right-content :content="content"></right-content>
            </div>
        </div>
    </div>
</template>
<script>
import LeftContent from './leftContent.vue';
import RightContent from './rightContent.vue';

export default {
    components: {
        LeftContent,
        RightContent
    },
    data() {
        return {
            content: {
                samp: [
                    {
                        name: 'china',
                        content: 'xxxxxxxxxx'
                    },
                    {
                        name: 'china',
                        content: 'xxxxxxxxxx'
                    },
                    {
                        name: 'china',
                        content: 'xxxxxxxxxx'
                    },
                    {
                        name: 'china',
                        content: 'xxxxxxxxxx'
                    },
                    {
                        name: 'china',
                        content: 'xxxxxxxxxx'
                    }
                ],
                make: [
                    {
                        name: 'china',
                        content: 'xxxxxxxxxx'
                    },
                    {
                        name: 'china',
                        content: 'xxxxxxxxxx'
                    }
                ],
                rgtit: '123'
            }
        };
    },
    beforeUpdate() {
    },
    mounted() {

    },
    methods: {
    }
}
</script>
<style scoped>
.home {
    width: 980px;
    margin: 20px auto;
    background: white;
    padding: 10px;
    box-sizing: border-box;
}
.content {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.lfv {
    width: 30%;
}
.rgv {
    width: 70%;
}
</style>
